<template>
  <div class="freight-container">
    <el-card class="operation-card">
      <el-row>
        <el-button size="small" type="success" class="buttonStyle">新增模板</el-button>
      </el-row>
      <el-table :data="tableData" border stripe style="width: 100%; font-size: 13px">
        <el-table-column prop="date" label="模型类型" width="172.5" />
        <el-table-column prop="name" label="运送类型" width="172.5" />
        <el-table-column prop="address" label="关联城市" width="172.5" />
        <el-table-column prop="address" label="首重" width="172.5" />
        <el-table-column prop="address" label="续重" width="172.5" />
        <el-table-column prop="address" label="轻抛系数" width="172.5" />
        <el-table-column prop="address" label="操作" width="172.5" />
      </el-table>
    </el-card>
  </div>
</template>

<script>
export default {}
</script>

<style scoped lang="scss">
.freight-container {
  padding: 0 20px;
  .operation-card {
    font-size: 13px;
    padding: 10px;
    padding-bottom: 0;

    .buttonStyle {
      width: 80px;
      height: 30px;
      margin-bottom: 20px;
      background-color: #189450;
      border-color: #189450;
    }
  }
}

::v-deep .el-table thead tr th {
  font-size: 13px;
  font-weight: bold;
  background: #f8faff !important;
  border: none;
}
</style>
